function Food(el){
    this.el=el
    // 保存食物的高度宽度
    this.length=20
    // 保存食物的标签
    this.foodObj=null
    this.foodmoveX
    this.foodmoveY
   
}

// 创建食物的一些属性
Food.prototype.create=function(){
    //1.创建标签对象(食物)
    let divObj=document.createElement('div')
    // 2.设置食物样式
    divObj.style.width=this.length+'px'
    divObj.style.height=this.length+'px'
    divObj.style.background='black'
    divObj.style.position='absolute'
    // 3.把这个食物标签追加到地图中
    this.el.appendChild(divObj)
    // 4.单独保存下食物对象,方便后期使用
    this.foodObj=divObj

}

// 设置食物的随机移动
Food.prototype.foodmove=function(){
    // 食物的移动是随机的(最大出现范围,最小出现范围)
    let maxX=(this.el.clientWidth/this.length)-1 //40个 不能超过40个,要39个
    let maxY=(this.el.clientHeight/this.length)-1   //19个.;left800就超出了
    let min=0
    // 食物随机移动位置
    let moveX=Math.floor(Math.random()*(maxX-min+1)+min)*this.length
    let moveY=Math.floor(Math.random()*(maxY-min+1)+min)*this.length
    // 保存食物的随机出现位置
    this.foodmoveX=moveX
    this.foodmoveY=moveY

    // 食物的移动位置
    this.foodObj.style.left=moveX+'px'
    this.foodObj.style.top=moveY+'px'

}